<template>
	<div id="mengD">
		<div class="title">
			<h3>门店盈利情况</h3>
			<h4>低成本高回报</h4>
		</div>
		<div class="con">
			<ul class='clearfix'>
				<li v-for="(item,index) in storeData" :key="index" class="clearfix">
					<div class='img_fl fl'>
						<div class="img_title">
							<h3>门店坐标</h3>
							<h3><b>{{item.title.city}}</b></h3>
							<h3><b>{{item.title.region}}</b></h3>
						</div>
						<img :src="item.src" />
					</div>
					<div class='img_fr fl'>
						<p v-for="(it,idx) in item.txt" :key="idx">{{it}}</p>

					</div>
				</li>
			</ul>

		</div>

	</div>
</template>

<script>
	export default {
		name: "MengD",
		data() {
			return {
				storeData: [{
						title: {city:'广州· ',region:'海珠区'},
						src: '../../../../static/imgs/img3/1.png',
						txt: [
							"门店位置： 富力海珠商城2楼",
							"投资金额： 32 万",
							"面积： 55 平米",
							"床位： 4 张",
							"经营时长： 15 个月",
							"月均新客数： 152 人",
							"月均转化率： 42％",
							"月均业绩： 15.4 万",
							"净利率： 26％",
							"投资回报期： 8 个月",
							"年度投资回报率： 150％"

						]

					},
					{
						title: {city:'深圳· ',region:'宝安区'},
						src: '../../../../static/imgs/img3/4.png',
						txt: [
							"门店位置： 壹方城商场负一楼",
							"投资金额： 34 万",
							"面积： 112 平米",
							"床位： 8 张",
							"经营时长： 2 个月",
							"月均新客数： 232 人",
							"月均转化率： 41％",
							"月均业绩： 16.2 万",
							"净利率： 26％",
							"投资回报期： 8 个月",
							"年度投资回报率： 150％"

						]

					}, {
						title:{city:'广州· ',region:'番禺区'},
						src: '../../../../static/imgs/img3/2.png',
						txt: [
							"门店位置： 厦滘中创办公室二楼",
							"投资金额： 27 万",
							"面积： 110 平米",
							"床位： 5 张",
							"经营时长： 17 个月",
							"月均新客数： 131 人",
							"月均转化率： 59％",
							"月均业绩： 16.2 万",
							"净利率： 28％",
							"投资回报期： 5.5 个月",
							"年度投资回报率： 218％"

						]

					}, {
						title: {city:'长沙· ',region:'芙蓉区'},
						src: '../../../../static/imgs/img3/3.png',
						txt: [
							"门店位置： 万家丽购物广场负二楼",
							"投资金额： 37 万",
							"面积： 108 平米",
							"床位： 7 张",
							"经营时长： 10 个月",
							"月均新客数： 166 人",
							"月均转化率： 32％",
							"月均业绩： 14.5 万",
							"净利率： 22％",
							"投资回报期： 7.5 个月",
							"年度投资回报率： 172％"


						]

					}
				]
			}
		}

	}
</script>

<style lang='scss' scoped>
	#mengD {
		.title {
			h3 {
				font-size: 58px;
				font-family: SourceHanSansCN-Heavy;
				color: #F5855F;
				line-height: 104px;
				text-align: center;
			}
			h4 {
				font-size: 41px;
				font-family: SourceHanSansCN-Regular;
				line-height: 74px;
				color: #828282;
				text-align: center;
			}
		}
		.con {
			ul {
				width: 1440px;
				margin: 0 auto;
				li {
					float: left;
					width: 50%;
					margin-bottom: 60px;
					div {
						float: left;
					}
					.img_fl {
						width: 365px;
						padding-right: 15px;
						height: 260px;
						border-right: 2px solid #F5855F;
						position: relative;
						.img_title {
							width: 122px;
							height: 116px;
							background-color: #F5855F;
							padding: 8px;
							font-size: 26px;
							color: #fff;
							position: absolute;
							top: 50%;
							left: 0%;
							transform: translate(-50%, -50%);
						}
					}
					.img_fr {
						/*width: 253px;*/
						height: 256px;
						font-size: 19px;
						font-family: SourceHanSansCN-Regular;
						color: rgba(130, 130, 130, 1);
						line-height: 24px;
						padding-left: 15px;
						p {
							font-size: 19px;
						}
					}
				}
			}
		}
	}
</style>